*{
    margin:0;
    padding:0;
    
}
html,body{
    
}
@base:100/375;
#wrap{
    width:100vw;
    height:100vh;
    font-size: @base*16vw;
    display: flex;
    flex-direction: column;
    .header{
        height:@base*44vw;

        display: flex;
        nav{
            width:95vw;
            padding:0px 2.5vw;
            margin:0 auto;

            display: flex;
            justify-content: space-between;
            a{
                line-height: @base*44vw;
                
            }
        }
    }
    .section{

        flex:1;
        overflow: auto;
        ul{
            padding:0px 2.5vw;
            li{
                height:@base*92vw;
                border-bottom:1px solid #e4e4e4;
                display: flex;
                justify-content: space-between;
                img{
                    width:@base*90vw;
                    height:@base*68vw;
                    
                }
                .rightBox{
                    width:@base*249vw;
                    height:@base*68vw;

                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    .title{
                        height:@base*48vw;
                        display: -webkit-box;
                        overflow: hidden;
                        text-overflow: ellipsis;
    
                        word-break: break-all;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        font-size: @base*18vw;

                        line-height: @base*24vw;
                    }
                    .info{

                        display: flex;
                        justify-content: space-between;
                        .time{
                            
                        }
                        .click{
                            
                        }
                    }
                }
            }
        }
    }
    .footer{
        height:@base*60vw;

        nav{
            display: flex;
            line-height: @base*60vw;
            justify-content: space-around;
        }
    }
}














